@import '../../../assets/sass/border.scss';

.swiper-wrap {
  height: 0;
  padding-bottom: 66.666667%;
  position: relative;
  .test-h {
    position: absolute;
    width: 100%;
    height: 100%;
    .img {
      width: 100%;
      height: 100%;
    }
  }
}

.hotcate-wrap {
  background-color: #fff;
  .hotcate-wrap__title {
    height: 100px;
    color: #666;
    line-height: 100px;
    padding-left: 30px;
    @include border(0 0 1PX 0);
    font-size: 24px;
  }

  .at-grid__flex .at-grid-item--rect .at-grid-item__content-inner {
    flex-direction: column;
  }
  
  .at-grid__flex .content-inner__icon {
    width: 100px;
    height: 100px;
  }
  .at-grid__flex .at-grid-item--rect .at-grid-item__content-inner .content-inner__img {
    width: 100%;
    height: 100%;
    margin: 20px 0;
    border-radius: 10px;
  }
  .at-grid__flex .at-grid-item--rect .content-inner__text {
    margin-top: 30px;
    font-size: 24px;
  }

  .at-grid__flex {
    height: 180px;
  }
}

.top10-wrap {
  background-color: #eee;
  .top10-title {
    height: 100px;
    line-height: 100px;
    padding-left: 30px;
    font-size: 24px;
  }
  .top10-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    .top10-list__item {
      box-sizing: border-box;
      width: 50%;
      padding-right: 20px;
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
      .top10-list__item-image-wraper {
        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: 66.6666667%;
        .top10-list__item-image {
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
        }
      }
      
      .top10-list__item-desc {
        height: 120px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .top10-list__item-title {
          font-size: 36px;
        }
        .top10-list__item-subtitle {
          font-size: 24px;
          color: #666;
        }
      }
    }
  }
}
